<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--bootstrap插件-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="/static/plugin/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="/static/plugin/jo/joUI.css" rel="stylesheet"/>
    <!--字体插件-->
    <link href="/static/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/static/plugin/layui-2.4.3/css/layui.css" rel="stylesheet"/>
    <!--ztree-->
    <link href="/static/plugin/zTree/css/metroStyle/metroStyle.css" rel="stylesheet"/>
    <!--common-->
    <link href="/static/css/common.css" rel="stylesheet"/>
    <title>用户信息表单</title>
    <style>
        .role-card{
            border: #DDDDDD solid 1px;
            border-radius: 2px;
            padding: 5px 7.5px;
            line-height: 1.7;
            box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
            color: #666666;
        }
        .role-card-name{
            font-size: 16px;
            font-weight: 400;
            color: #111111;
        }
        .young-form-input-block{
            overflow: auto;
            word-break: break-all;
        }
        .young-form-item{
            border: #cccccc solid 1px;
        }
        .young-form-label{
            width: 111px;
            margin-right: -1px;
            border-right: #cccccc solid 1px;

        }
        .young-form-input-block{
            min-height: 35px;
            padding: 0px 5px 5px;
            border-left: #cccccc solid 1px;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-xs-12">
            <form id="pageForm" name="pageForm" action="" method="post">
                <div class="young-form-item col-md-6 must">
                    <div class="young-form-label">姓名</div>
                    <div class="young-form-tips"></div>
                    <div class="young-form-input-block">
                        <!--<input type="text"   name="name" value="" class="form-control " ErrEmpty="姓名不允许为空"  />-->
                        <span class="jo-form-txt" name="name"></span>
                    </div>
                </div>
                <div class="young-form-item col-md-6">
                    <div class="young-form-label">出生日期</div>
                    <div class="young-form-tips"></div>
                    <div class="young-form-input-block">
                        <!--<input type="text" id="birthday" value="" name="birthday" class="form-control "   />-->
                        <span class="jo-form-txt" name="birthday"></span>
                    </div>
                </div>
                <div class="young-form-item col-md-6">
                    <div class="young-form-label">性别</div>
                    <div class="young-form-tips"></div>
                    <div class="young-form-input-block">
                        <!--<select  name="sex" class="form-control">
                            <option value=""></option>
                            <option value="1">男</option>
                            <option value="0">女</option>
                        </select>-->
                        <span class="jo-form-txt" name="sex"></span>
                    </div>
                </div>
                <div class="young-form-item col-md-6">
                    <div class="young-form-label">联系电话</div>
                    <div class="young-form-tips"></div>
                    <div class="young-form-input-block">
                        <!--<input type="text"   name="tel" value="" class="form-control "   />-->
                        <span class="jo-form-txt" name="tel"></span>
                    </div>
                </div>
                <div class="young-form-item col-md-6">
                    <div class="young-form-label">常用邮箱</div>
                    <div class="young-form-tips"></div>
                    <div class="young-form-input-block">
                        <!--<input type="text"   name="email" value="" class="form-control "  ErrMail="邮箱格式有误" />-->
                        <span class="jo-form-txt" name="email"></span>
                    </div>
                </div>
            </form>
        </div>
    </div>


</div>

<!--配置信息-->
<script src="/static/js/config.js"></script>
<!--jquery-->
<script src="/static/plugin/jquery/jquery-3.3.1.js"></script>
<script src="/static/plugin/jquery/jquery.cookie.js"></script>
<!--bootstrap-->
<script src="/static/plugin/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="/static/plugin/other/html5shiv.js"></script>
<script src="/static/plugin/other/respond.min.js"></script>
<![endif]-->
<!--layui-->
<script src="/static/plugin/layui-2.4.3/layui.all.js"></script>
<!--ztree-->
<script src="/static/plugin/zTree/js/jquery.ztree.all.js"></script>
<!--common-->
<script src="/static/js/common.js"></script>
<!--jo-->
<script src="/static/plugin/jo/jo.js"></script>
<script src="/static/plugin/jo/jo-adapt.js"></script>
<script src="/static/plugin/jo/jo-page-view.js"></script>
<script src="/static/plugin/jo/jo-page-form.js"></script>
<script src="/static/plugin/jo/jo-listener.js"></script>
<script type="text/javascript">
    layui.laydate.render({
        elem: '#birthday' //注册日期控件
    });
    /*layui.laydate.render({
        elem: '#lastLoginTime' //注册日期控件
    });
    layui.laydate.render({
        elem: '#thisLoginTime' //注册日期控件
    });
    layui.laydate.render({
        elem: '#createTime' //注册日期控件
    });
    layui.laydate.render({
        elem: '#updateTime' //注册日期控件
    });*/
    $(function(){
        var jParams = {
            "PKName" : "id",//主键属性名
            "saveAfter" : "toEdit",
            "formDataUrl" : "{URL_UMS}ums/user/get",//查询
            //"readonly2Label" : true //只读转文本
        };
        joForm.initFormPage(jParams);//初始化
    });
    //初始化新增页面回调函数(在初始化按钮前发生)
    joForm.initFormPageOfAdd = function(){

    };
    //初始化表单值前处理
    joForm.initFormValueBefore = function(oJson){
        oJson.birthday = jo.formatDate(oJson.birthday);
        oJson.lastLoginTime = jo.formatDate(oJson.lastLoginTime);
        oJson.thisLoginTime = jo.formatDate(oJson.thisLoginTime);
        oJson.createTime = jo.formatDate(oJson.createTime);
        oJson.updateTime = jo.formatDate(oJson.updateTime);
        if(oJson.sex == 1){
            oJson.sex = '男';
        }else if(oJson.sex == 0){
            oJson.sex = '女';
        }
    };
    //初始化表单值后处理
    joForm.initFormValueAfter = function(oJson){

    };
    //新增请求提交前回调函数
    joForm.dealDataAtSaveBefore = function(oJson){

    };
    //修改请求提交前回调函数
    joForm.dealDataAtUpdateBefore = function(oJson){

    };
    /* 关于joForm更多回调函数和配置参数可查看jo-page-form.js */

</script>
</body>
</html>
